<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<META HTTP-EQUIV="Expires " CONTENT="0 " />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<%@ include file="/static/include/fly.jsp"%>

<script type="text/javascript">
	$(function() {
		$('#datatable').datagrid({
			height : 550,
			rownumbers : true,
			fitColumns : true,
			striped : true,
			nowrap : true,
			pagination : true,
			toolbar : "#toolbar1",
			url : '${cxp}/express/getExpress',
			pageSize : 18,
			pageList : [ 18, 50, 100 ],
			columns : [ [ {
				field : 'ck',
				checkbox : true
			}, {
				field : 'famous_name',
				title : '名人',
				width : 80,
				align : 'left'
			},{
				field : 'famous_saying',
				title : '名言',
				width : 280,
				align : 'left' 
			} 
			  ] ],
		});
		$('#datatable').datagrid('doCellTip',   
				{   
					onlyShowInterrupt:true,   
					position:'bottum',
		            specialShowFields:[{field:'famous_name',showField:'famous_name'},{field:'famous_saying',showField:'famous_saying'}],
					tipStyler:{'backgroundColor':'#EEEFFF', width:'600px',borderColor:'#335533', boxShadow:'1px 1px 3px #292929'},
				}); 
	})
	function dosubmit() {
		$('#datatable').datagrid('load', {
			key : $("#key").val(),
		});
	}
</script>
<style type="text/css">
.showdetail {
	font-size: 14px;
	width: 100%;
	padding: 0px;
	border: 1px;
}

.showdetail td {
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
}
</style>
</head>
<body>
	<center>
		<div id="toolbar1">
			<table width="90%" align="center" border="0">
			    <tr>
			        <td align="left" width="17%" nowrap>
			            关键字：
			            <input type="text" style="height: 20px; width: 100px; font-size: 14px;"
			            id="key" name="key" />
			        <td align="left" width="*%">
			            &nbsp;&nbsp;&nbsp;&nbsp;
			            <a href="#" onclick="dosubmit()" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
			            style="width: 80px; ">
			                搜索
			            </a>
			        </td>
			    </tr>
			</table>
		</div>
		<input type="hidden" value="" id="currentPage" name="currentPage" />
		<!-- 数据展示Table Start -->
		<div class="tableWrap" style="width: 100%">
			<table id="datatable" width="100%" border="0" cellspacing="0"
				cellpadding="0">
			</table>
		</div>
	</center>
</body>
</html>

